<template>
  <div class="page">
     <div id="menu-container">
      <el-menu
      id="elmenu"
      :default-active="activeIndex2"
      class="el-menu-demo"
      mode="horizontal"
      @select="handleSelect"
      
      text-color="black"
      active-text-color="rgb(241, 101, 58)"
      style="background:rgba(255,255,255,0.7); font-weight:bold; height: 55px;"
    >
      <div class="firstpagetitle">
         问卷星球
      </div>
<!--      <el-menu-item index="1" style="margin-left:450px">应用展示</el-menu-item>-->
<!--      <el-submenu index="2" style="margin-left:20px">-->
<!--        <template slot="title">服务版本</template>-->
<!--        <el-menu-item index="2-1">选项1</el-menu-item>-->
<!--        <el-menu-item index="2-2">选项2</el-menu-item>-->
<!--        <el-menu-item index="2-3">选项3</el-menu-item>-->

<!--      </el-submenu>-->
<!--      <el-menu-item index="3" style="margin-left:20px">企业微信</el-menu-item>-->
<!--      <el-menu-item index="4"  style="margin-left:20px"-->
<!--        >样本服务</el-menu-item-->
<!--      >-->
    </el-menu>

    <el-button id="loginbutton" @click="toPageLogin"  round>
       登录
    </el-button>
    <el-button id="regbutton" round @click="toPageRegister">注册</el-button>
     </div>

      <div>
         <el-button round plain style="background-color:rgb(255,255,255,0.5);margin-top:15%;"
                    class="intro"
                    @click="toPageLogin">&nbsp;开始使用&nbsp;</el-button>
         <div>
         </div>
      </div>
  </div>
</template>

<script>
export default {
  name: "FirstPage",
  data() {
      return {
        activeIndex: '1',
        activeIndex2: '1'
      };
    },
   methods: {
     toPageRegister:function (){
       this.$router.push("/register");
     },
     handleSelect(key, keyPath) {
        console.log(key, keyPath);
     },
     toPageLogin(){
        this.$router.push('/login')
     }
   }
};
</script>
<style scoped>

.page{
   height: 100%;
   background-image: url('../../../public/h.jpg');
	background-size: cover;
}
.intro{
   font-size: 30px;
   /*color: white;*/
   color:#575352;
   margin-top: 200px;
   
}

#loginbutton{
   color: white;
   background-color: #6dabe6;
   position: absolute;
   top: 10px;
   right: 150px;

}
#regbutton{
   color: white;
   background-color: #6dabe6;
   position: absolute;
   top: 10px;
   right: 50px;
}
.firstpagetitle{
   color: #c089d6; position:absolute;left:150px;top:14px;font-size:35px;
}
</style>
